<!DOCTYPE html>
<html>
    <head>
        <title></title>
   <%@ include file="includeAndamios.jsp" %>
  <%@ include file="include_grid.jsp" %>  

    </head>
    <body>
        <div class="htContent">
            <div class="SmallHeader">
                  <%@ include file="header.jsp" %> 
            </div>
            <div class="contentIT">
    
        <!-- div>MENU</div--->
         <%@ include file="menu.jsp" %> 
                
                <div class="ITarea">
                    
                    <div class="ITareaSon">
                    
                    <div id="trueFalse" class="ui-accordion" >
                                    <h3 class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-top">Catalogo Estados</h3>
		                <div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom">
		                
		                       <table>							
										<tr>
												<td valign="top">
													<table id="grid"></table>
													<div id="grid_detail"></div>
												</td>
									   </tr>
								</table>
		                    
		                    
		              </div>
		              </div>
		              
		              
                             

                    </div>



                </div>




                <div class="clear"></div>
            </div>
            <div class="footer">
                <a>About Us</a>
                <a>Privacy Policies</a>
                <a>Terms of Use</a>
            </div>

        </div> 
    </body>
</html>



 <script type="text/javascript">
  $(function() { 
	  
	   $( document ).tooltip({
		      position: {
		        my: "center bottom-20",
		        at: "center top",
		        using: function( position, feedback ) {
		          $( this ).css( position );
		          $( "<div>" )
		            .addClass( "arrow" )
		            .addClass( feedback.vertical )
		            .addClass( feedback.horizontal )
		            .appendTo( this );
		        }
		      }
		    });
	   
	   
		$("#grid").jqGrid({
		    url:'getCatalogoEstados.do',
		    datatype: "json",
		    width:900,
		colNames:['','Descripcion'],
		    colModel:[
		    {
		        name:'id',
		        index:'id',
		        sortable: true, 
		        hidden: true , 
		        editable: false, 
		        width:55
		    }
		    ,{
		        name:'nombreEstado',
		        index:'nombreEstado',
		        sortable: true, 
		        editable: true,  
		        editrules: { required: true},
		        editoptions:{readonly: false},        
		        width:55
		    }
		    ],
		    ondblClickRow: function(id_gerencia){
		       // alert(bancoid)    
		           
		    },
		    rowNum:10,
		    rowList:[10,20,30],
		    pager: '#grid_detail',
		    sortname: 'id',
		    viewrecords: true,
		    sortable: true,
		    sortorder: "desc",
		    multiselect: false,
		    caption:"Catalogo estados",
		    loadonce : false,
		    rowTotal: 'total',
		    records:'records',
		    jsonReader: {
		        repeatitems: false,
		        id: "id"
		    }
		});

		$("#grid").jqGrid('navGrid','#grid_detail',{
		    //edit:true,
		    add:true,
		    del:true,
		    view :false,
		    search: false 
		},{closeAfterEdit:true,url:'cudCatalogoEstado.do?accion=edit'},{closeAfterAdd:true,url:'cudCatalogoEstado.do?accion=add'},{url:'cudCatalogoEstado.do?accion=del'});


  });
  
  
 
  
  




	</script>
